.body {
  background: #fafafa;
  overflow-x: hidden;
  .div {
    height: 1rem;
  }
  //   图片
  .recruitBanner___hORju {
    height: 294px;
    background: url("./img/recruitBanner-51483374151c764e6821ef8e2df9dcb5.jpg")
      center/cover no-repeat;
  }
  //   搜索框
  .rocket-row {
    //   input
    .ant-input-lg {
      height: 65px;
    }
    // button
    .ant-input-search-button {
      height: 80px;
      background: red;
      border: red;
      width: 168px;
      font-weight: bold;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .rocket-input {
      padding: 22px;

      font-size: 20px;
    }
    .ant-input-lg {
      font-size: 20px;
    }
    // 热门搜索
    .recruit-search-keywords {
      display: flex;
      li {
        margin-left: 1rem;
        background-color: transparent;
        cursor: pointer;
        color: #999;
      }
      li {
        margin-left: 1.5rem;
        background-color: transparent;
        cursor: pointer;
        color: #999;
        font-weight: bold;
        font-size: 16px;
      }
      li:hover {
        color: #ff707c;
        font-weight: bold;
        cursor: pointer;
        font-size: 16px;
      }
    }
  }

  //   职位分类
  .font-dark-gray {
    display: flex;
    padding: 24px;
    .font-dark-gray-left {
      padding-left: 20px;
      background: #fff;
      width: 267px;
      margin: 0.5rem;
      //   margin-top: 1rem;
      margin-left: 0.5rem;
      //   padding-left: 11px;
      //   padding-right: 11px;

      .kongbai {
        position: relative;

        left: -20px;
        height: 1rem;
        background: #fafafa;
        width: 280px;
      }
      .filter-title {
        padding-top: 1rem;
        color: #686868;
        font-size: 20px;
        font-weight: bold;
      }
      .xian {
        width: 100%;
        height: 20px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 1rem;
      }
      .rocket_ul {
        display: flex;
        flex-wrap: wrap;
        li {
          width: 50%;
          padding: 0 16px;
          height: 32px;
          line-height: 32px;
          text-align: center;
          margin-bottom: 12px;
          font-size: 16px;
        }
        .rocket_ul_li {
          width: 50%;
          padding: 0 16px;
          height: 32px;
          line-height: 32px;
          color: #f04055;
          background: #ffecee;
          text-align: center;
          margin-bottom: 12px;
          font-size: 16px;
        }
        li:hover {
          cursor: pointer;
        }
      }
      .rocket_ul_tow {
        display: flex;
        flex-wrap: wrap;
        li {
          width: 80%;
          padding: 0 16px;
          height: 32px;
          line-height: 32px;
          margin-bottom: 12px;
          font-size: 16px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
      .pdd {
        width: 235px;
        height: 235px;
      }
    }

    // 右侧
    .font-dark-gray-right {
      width: 68%;
      margin-left: 2rem;
      .font-dark-gray-right_new {
        background: #fff;
        width: 100%;
        height: 61px;
        padding: 16px 24px 15px 24px;
        font-size: 16px;
        color: #686868;
      }
      .rocket-card-body {
        margin-top: 0.5rem;
        padding: 24px;
        background: #fff;
        height: 120px;
        position: relative;
        h4 {
          position: absolute;
          top: 3rem;
          right: 2rem;
          color: #999;
          font-size: 16px;
        }
        p {
          font-weight: bold;
          color: #686868;
          font-size: 28px;
        }
        .rocket-card-body_ul {
          display: flex;
          margin-top: 0.5rem;
          li {
            cursor: pointer;
            margin-right: 2rem;
            span {
              margin-left: 0.5rem;
              font-size: 16px;
              color: #999;
            }
          }
        }
      }
    }
  }
  // 分页
  .page {
    position: relative;
    left: 750px;
  }
}
